var url=localStorage.url;
var uid=localStorage.id;
function randomData() {
    return Math.round(Math.random()*1000);
}

var option = {
    title: {
        text: '广告总报表'
    },
    tooltip : {
        trigger: 'axis'
    },
    legend: {
        data:['请求次数','展示次数','点击次数']
    },
    toolbox: {
        show: true,
        feature: {
            dataZoom: {
                yAxisIndex: 'none'
            },
            dataView: {readOnly: false},
            magicType: {type: ['line', 'bar']},
            restore: {},
            saveAsImage: {}
        }
    },

    xAxis : [
        {
            type : 'category',
            boundaryGap : false,
            data : ['0点','1点','2点','3点','4点','5点','6点','7点','8点','9点','10点','11点','12点'
                ,'13点','14点','15点','16点','17点','18点','19点','20点','21点','21点','23点']
        }
    ],
    yAxis : [
        {
            type : 'value',
            axisLabel: {
                formatter: '{value} 次数'
            }
        }
    ],
    series : [
        {
            name:'请求次数',
            type:'line',
            data:[randomData(), randomData(), randomData(), randomData(), randomData(), randomData(),randomData(),
                randomData(),randomData(),randomData(),randomData(),randomData(),randomData(),randomData(),
                randomData(),randomData(),randomData(),randomData(),randomData(),randomData(),randomData(),randomData(),
                randomData(),randomData()],
            markPoint: {
                data: [
                    {type: 'max', name: '最大值'},
                    {type: 'min', name: '最小值'}
                ]
            },
            markLine: {
                data: [
                    {type: 'average', name: '平均值'}
                ]
            }
        },
        {
            name:'展示次数',
            type:'line',
            markPoint: {
                data: [
                    {type: 'max', name: '最大值'},
                    {type: 'min', name: '最小值'}
                ]
            },
            markLine: {
                data: [
                    {type: 'average', name: '平均值'}
                ]
            },
            data:[randomData(), randomData(), randomData(), randomData(), randomData(), randomData(),randomData(),
                randomData(),randomData(),randomData(),randomData(),randomData(),randomData(),randomData(),
                randomData(),randomData(),randomData(),randomData(),randomData(),randomData(),randomData(),randomData(),
                randomData(),randomData()]
        },
        {
            name:'点击次数',
            type:'line',
            markPoint: {
                data: [
                    {type: 'max', name: '最大值'},
                    {type: 'min', name: '最小值'}
                ]
            },
            markLine: {
                data: [
                    {type: 'average', name: '平均值'}
                ]
            },
            data:[randomData(), randomData(), randomData(), randomData(), randomData(), randomData(),randomData(),
                randomData(),randomData(),randomData(),randomData(),randomData(),randomData(),randomData(),
                randomData(),randomData(),randomData(),randomData(),randomData(),randomData(),randomData(),randomData(),
                randomData(),randomData()],
        },

    ]
};


var option1 = {
    title: {
        text: '广告区域分布图',
        subtext: '',
        left: 'center'
    },
    tooltip: {
        trigger: 'item'
    },
    legend: {
        orient: 'vertical',
        left: 'left',
        data:['请求次数','展示次数','点击次数']
    },
    visualMap: {
        min: 0,
        max: 10000,
        left: 'left',
        top: 'bottom',
        text: ['高','低'],           // 文本，默认为数值文本
        calculable: true
    },
    toolbox: {
        show: true,
        orient: 'vertical',
        left: 'right',
        top: 'center',
        feature: {
            dataView: {readOnly: false},
            restore: {},
            saveAsImage: {}
        }
    },
    series: [
        {
            name: '请求次数',
            type: 'map',
            mapType: 'china',
            roam: false,
            label: {
                normal: {
                    show: true
                },
                emphasis: {
                    show: true
                }
            },
            data:[
                {name: '北京',value: randomData() },
                {name: '天津',value: randomData() },
                {name: '上海',value: randomData() },
                {name: '重庆',value: randomData() },
                {name: '河北',value: randomData() },
                {name: '河南',value: randomData() },
                {name: '云南',value: randomData() },
                {name: '辽宁',value: randomData() },
                {name: '黑龙江',value: randomData() },
                {name: '湖南',value: randomData() },
                {name: '安徽',value: randomData() },
                {name: '山东',value: randomData() },
                {name: '新疆',value: randomData() },
                {name: '江苏',value: randomData() },
                {name: '浙江',value: randomData() },
                {name: '江西',value: randomData() },
                {name: '湖北',value: randomData() },
                {name: '广西',value: randomData() },
                {name: '甘肃',value: randomData() },
                {name: '山西',value: randomData() },
                {name: '内蒙古',value: randomData() },
                {name: '陕西',value: randomData() },
                {name: '吉林',value: randomData() },
                {name: '福建',value: randomData() },
                {name: '贵州',value: randomData() },
                {name: '广东',value: randomData() },
                {name: '青海',value: randomData() },
                {name: '西藏',value: randomData() },
                {name: '四川',value: randomData() },
                {name: '宁夏',value: randomData() },
                {name: '海南',value: randomData() },
                {name: '台湾',value: randomData() },
                {name: '香港',value: randomData() },
                {name: '澳门',value: randomData() }
            ]
        },
        {
            name: '展示次数',
            type: 'map',
            mapType: 'china',
            label: {
                normal: {
                    show: true
                },
                emphasis: {
                    show: true
                }
            },
            data:[
                {name: '北京',value: randomData() },
                {name: '天津',value: randomData() },
                {name: '上海',value: randomData() },
                {name: '重庆',value: randomData() },
                {name: '河北',value: randomData() },
                {name: '安徽',value: randomData() },
                {name: '新疆',value: randomData() },
                {name: '浙江',value: randomData() },
                {name: '江西',value: randomData() },
                {name: '山西',value: randomData() },
                {name: '内蒙古',value: randomData() },
                {name: '吉林',value: randomData() },
                {name: '福建',value: randomData() },
                {name: '广东',value: randomData() },
                {name: '西藏',value: randomData() },
                {name: '四川',value: randomData() },
                {name: '宁夏',value: randomData() },
                {name: '香港',value: randomData() },
                {name: '澳门',value: randomData() }
            ]
        },
        {
            name: '点击次数',
            type: 'map',
            mapType: 'china',
            label: {
                normal: {
                    show: true
                },
                emphasis: {
                    show: true
                }
            },
            data:[
                {name: '北京',value: randomData() },
                {name: '天津',value: randomData() },
                {name: '上海',value: randomData() },
                {name: '广东',value: randomData() },
                {name: '台湾',value: randomData() },
                {name: '香港',value: randomData() },
                {name: '澳门',value: randomData() }
            ]
        }
    ]
};
$(document).ready(function() {


    // 向服务器请求数据：
    // 先获取广告主的所有广告信息

    // var myChart = echarts.init(document.getElementById('main'));
    // // 使用刚指定的配置项和数据显示图表。
    // myChart.setOption(option);
    // var myChart1 = echarts.init(document.getElementById('main1'));
    // // 使用刚指定的配置项和数据显示图表。
    // myChart1.setOption(option1);
    $.ajax({
        type: "get",//请求方式,post\get只要在这里改，其他地方不要改
        url: url+"/boss/advertiser/advertisement_promotions/find/uid",//访问的地址
        data: {uid:uid},// 要提交的数据,
        dataType:'json',//传入数据的格式，可以统一用json
        success: function (msg) {

                var allAct=eval(msg);
                var select=$('#selectId');
                for(var i in allAct){
                    var pid=parseInt(allAct[i].pid)%9+1;
                    var pname=allAct[i].pname;
                    var opt='<option value='+pid+'>'+pname+'</option>';
                    select.append(opt);
                }
                var sendData={};
                sendData.pid=select.val();

                // sendData.date = '2017-09-10';
                sendData.uid=localStorage.id;

            $.ajax({
                type: "get",//请求方式,post\get只要在这里改，其他地方不要改
                url: url+"/analyze/time_distribute",//访问的地址
                data: sendData,// 要提交的数据,
                dataType:'json',//传入数据的格式，可以统一用json
                success: function (msg) {
                    if(msg.status=="ok!"){
                        var data1={y1:[],y2:[],y3:[]};
                        var temp=eval(msg.msg);
                        for( var i in temp){
                            data1.y1.push(temp[i][0]);
                            data1.y2.push(temp[i][1]);
                            data1.y3.push(temp[i][2]);

                        }



                    option.series[0].data=data1.y1;
                    option.series[1].data=data1.y2;
                    option.series[2].data=data1.y3;
                    var myChart = echarts.init(document.getElementById('main'));
                    // 使用刚指定的配置项和数据显示图表。
                    myChart.setOption(option);
                    }
                    else{
                        console.log('在请求总报表数据时出错');
                    }


                },
                error: function (error) {

                }
            });
            $.ajax({
                type: "get",//请求方式,post\get只要在这里改，其他地方不要改
                url: url+"/analyze/area_distribute",//访问的地址
                data: sendData,// 要提交的数据,
                dataType:'json',//传入数据的格式，可以统一用json
                success: function (msg) {
                    if(msg.status=="ok!"){
                    var data1={y1:[{}],y2:[{}],y3:[{}]};
                    var temp=eval(msg.msg);
                    for(var i in temp){
                        var obj={name:"",value:""};
                        obj.name=i;
                        obj.value=temp[i][0];
                        data1.y1.push(obj);
                        obj.value=temp[i][1];
                        data1.y2.push(obj);
                        obj.value=temp[i][2];
                        data1.y3.push(obj);
                    }

                    option1.series[0].data=data1.y1;
                    option1.series[1].data=data1.y2;
                    option1.series[2].data=data1.y3;
                    var myChart = echarts.init(document.getElementById('main1'));
                    // 使用刚指定的配置项和数据显示图表。
                    myChart.setOption(option1);

                    }
                    else {
                        console.log('在请求区域分布图时出错！');
                    }

                },
                error: function (error) {

                }
            });
        },
        error:function(error){}
    });







});

function timeChange(){
    var sendData={};
    var select=$('#selectId');
    sendData.pid=select.val();
    // sendData.date=$('#starttime').val();
    sendData.uid=localStorage.id;
    $.ajax({
        type: "get",//请求方式,post\get只要在这里改，其他地方不要改
        url: url+"/analyze/time_distribute",//访问的地址
        data: sendData,// 要提交的数据,
        dataType:'json',//传入数据的格式，可以统一用json
        success: function (msg) {
            if(msg.status=="ok!"){
                var data1={y1:[],y2:[],y3:[]};
                var temp=eval(msg.msg);
                for( var i in temp){
                    data1.y1.push(temp[i][0]);
                    data1.y2.push(temp[i][1]);
                    data1.y3.push(temp[i][2]);

                }



                option.series[0].data=data1.y1;
                option.series[1].data=data1.y2;
                option.series[2].data=data1.y3;
                var myChart = echarts.init(document.getElementById('main'));
                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option);
            }
            else{
                console.log('在请求总报表数据时出错');
            }


        },
        error: function (error) {

        }
    });
    $.ajax({
        type: "get",//请求方式,post\get只要在这里改，其他地方不要改
        url: url+"/analyze/area_distribute",//访问的地址
        data: sendData,// 要提交的数据,
        dataType:'json',//传入数据的格式，可以统一用json
        success: function (msg) {
            if(msg.status=="ok!"){
                var data1={y1:[{}],y2:[{}],y3:[{}]};
                var temp=eval(msg.msg);
                for(var i in temp){
                    var obj={name:"",value:""};
                    obj.name=i;
                    obj.value=temp[i][0];
                    data1.y1.push(obj);
                    obj.value=temp[i][1];
                    data1.y2.push(obj);
                    obj.value=temp[i][2];
                    data1.y3.push(obj);
                }

                option1.series[0].data=data1.y1;
                option1.series[1].data=data1.y2;
                option1.series[2].data=data1.y3;
                var myChart = echarts.init(document.getElementById('main1'));
                // 使用刚指定的配置项和数据显示图表。
                myChart.setOption(option1);

            }
            else {
                console.log('在请求区域分布图时出错！');
            }

        },
        error: function (error) {

        }
    });
    //重新获取数据并展示
    // $.ajax({
    //     type: "get",//请求方式,post\get只要在这里改，其他地方不要改
    //     url: url+"/boss/advertiser/table/show",//访问的地址
    //     data: sendData,// 要提交的数据,
    //     dataType:'json',//传入数据的格式，可以统一用json
    //     success: function (data) {
    //
    //         // var data1=data.data1;
    //         // var data2=data.data2;
    //         // option.xAxis[0].data=data1.x;
    //         // option.series[0].data=data1.y1;
    //         // option.series[1].data=data1.y2;
    //         // option.series[2].data=data1.y3;
    //         // var myChart = echarts.init(document.getElementById('main'));
    //         // // 使用刚指定的配置项和数据显示图表。
    //         // myChart.setOption(option);
    //         // var dttable=$('#dt-ad').dataTable();
    //         // dttable.fnClearTable(); //清空一下table
    //         // dttable.fnDestroy(); //还原初始化了的datatable
    //         //
    //         // $('#dt-ad').DataTable({
    //         //     data: data2,
    //         //     columns: [
    //         //         { title: "日期" },
    //         //         { title: "请求次数" },
    //         //         { title: "展示次数" },
    //         //         { title: "点击次数" },
    //         //         { title: "点击率" }
    //         //     ]
    //         // });
    //
    //     },
    //     error: function (error) {
    //
    //     }
    // });
}